<ui:composition template="../layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<ui:define name="title">
		<h:outputText value="Tipo de Documento" />
	</ui:define>

	<ui:define name="content">
		<div id="path">
			<h1>Tipo de Documento</h1>
			<hr />
			<p id="crumb">Administração / Tipo de Documento</p>
		</div>
		<h2>Cadastro de Tipo de Documento</h2>
		<h:form prependId="false"  rendered="#{sessionScope.usuario.admin}">
			<h:outputLabel value="Descrição:" for="descricao" />
			<h:inputText id="descricao" class="s300"
				value="#{tipoDocumentoMBean.tipoDocumento.descricao}"
				required="false"
				requiredMessage="* O campo [Descrição] é obrigatório!" />
			<h:message for="descricao" showSummary="true" showDetail="false"
				class="error" />
			<br />
			
			<fieldset>
				<legend>Metadados - Descrição / Tipo</legend>
				
				<ui:repeat value="#{tipoDocumentoMBean.tipoDocumento.metadados}" var="m">
					<h:inputText id="descricaom" value="#{m.descricao}" required="false"
						requiredMessage="* O campo [Descrição] é obrigatório!" />		
					<h:selectOneMenu id="tipom" value="#{m.tipo}" required="false"
						requiredMessage="* O campo [Tipo] é obrigatório!">
						<f:selectItem itemValue="Texto"/>
						<f:selectItem itemValue="Data"/>
						<f:selectItem itemValue="Numerico"/>
					</h:selectOneMenu>
					<br />
				</ui:repeat>
				<h:commandButton value="Adicionar Metadado" title="Inclui um novo metadado na lista" action="#{tipoDocumentoMBean.actionCreateNew}" update="@form" />
				<h:commandButton value="Remover Metadado" title="Remove o último metadado" action="#{tipoDocumentoMBean.actionRemoverMetadado}" update="@form" />
			</fieldset>
			
			<br />
			
			<h:commandButton class="button check" value="Salvar"
				action="#{tipoDocumentoMBean.actionSalvar}" />
			<h:commandButton class="button clear" value="Limpar"
				action="#{tipoDocumentoMBean.actionLimpar}" immediate="true">
				<f:ajax render="@form"></f:ajax>
			</h:commandButton>
		</h:form>

		<div class="spacer"></div>

		<h:form  rendered="#{sessionScope.usuario.admin}">
			<h:dataTable styleClass="tabdefault"
				value="#{tipoDocumentoMBean.listaTipoDocumento}" var="t">
				<h:column>
					<f:facet name="header">
						<h:outputText value="Id" />
					</f:facet>
					<h:outputText value="#{t.id}" />
				</h:column>
				<h:column sortBy="#{t.descricao}">
					<f:facet name="header">
						<h:outputText value="Descrição" />
					</f:facet>
					<h:outputText value="#{t.descricao}" />
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Ação" />
					</f:facet>
					<h:commandLink value="" title="Editar">
						<f:setPropertyActionListener
							target="#{tipoDocumentoMBean.tipoDocumento}" value="#{t}" />
						<h:graphicImage library="images" name="ico_edit16x16.png" />
					</h:commandLink>

					<h:commandLink value=""
						action="#{tipoDocumentoMBean.actionRemover}" title="Remover">
						<f:setPropertyActionListener target="#{tipoDocumentoMBean.tipoDocumento}" value="#{t}" />
						<h:graphicImage library="images" name="ico_delete16x16.png" />
					</h:commandLink>

				</h:column>
			</h:dataTable>
		</h:form>
	</ui:define>
</ui:composition>